<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>
		项目展示
	</title>
<script type="text/javascript">

</script>
	<link rel="stylesheet" type="text/css" href="部门相关.css">
</head>
<body>
  
    <div class="head">
    	<div class="topnav">
    	  <a href="#home">主页</a>
          <a href="作品展示.html">作品展示</a>
          <a href="#contact">联系方式</a>
          <a href="#about">关于我们</a>
        </div>
    </div>
<div class="siki">
  <p>siki课程精选</p>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.sikiedu.com/course/93">
      <img src="picture/ar.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">Unity-AR教程</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.sikiedu.com/course/134">
      <img src="picture/bird.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">Unity初级教程--愤怒的小鸟</div>
  </div>

  <div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.sikiedu.com/course/92">
      <img src="picture/dou.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">Unity初级教程--吃豆人</div>
  </div>
</div>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://www.sikiedu.com/course/93">
      <img src="picture/happy.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">Unity中级教程--甜品消消乐</div>
  </div>
</div>
</div>
<div class="vertical-menu">
  <a href="#" class="active">部门咨询/通知</a>
  <a href="#">1.&&&&&&&&&&&&&&&&&&&</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
  <a href="#">Link 4</a>

  <div class="use">
    <a href="#">当前办公室使用情况：</a>
    <a href="#" class="peopl">有几人</a>
  </div>

  <button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">我要更新数据</button>


</div>
</div>


<div id="id01" class="modal">
  
  <form class="modal-content animate" action="/action_page.php">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
      
    </div>

    <div class="container">
      <label><b>用户明</b></label>
      <input type="text" placeholder="请输入密码" name="uname" required>

      <label><b>密码</b></label>
      <input type="password" placeholder="输入密码" name="psw" required>
        
      <button type="submit">登陆</button>
      <input type="checkbox" checked="checked"> 记住我
    </div>

    <div class="container" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">取消</button>
      <span class="psw">忘记 <a href="#">密码?</a></span>
    </div>
  </form>
</div>

</body>
</html>